<html>
<head>

<title>JSChart</title>

<script type="text/javascript" src="jscharts.js"></script>

</head>
<body>

<div id="graph">Loading graph...</div>
<div>
<canvas id="JSChart_previewContainer" width="400" height="300" style="position: absolute;">
<script type="text/javascript">
	
	var myData = new Array(["10/19", 160], ["10/20", 170], ["10/21", 165], ["10/22", 168], ["10/23", 162], ["10/24", 158], ["10/25", 160], ["10/26", 160]);
	var myChart = new JSChart('graph', 'line');
	myChart.setDataArray(myData);
	myChart.setLineColor('#8D9386');
	myChart.setLineWidth(4);
	myChart.setTitleColor('#7D7D7D');
	myChart.setTitle("Weekly Weight");
	myChart.setAxisNameX('Date');
	myChart.setAxisNameY('weight');
	myChart.setAxisColor('#9F0505');
	myChart.setGridColor('#a4a4a4');
	myChart.setAxisValuesColor('#333639');
	myChart.setAxisNameColor('#333639');
// 	myChart.setLabelY([155, 'Low']);
// 	myChart.setLabelY([168, 'High']);
	myChart.setFlagRadius(6);
	myChart.setSize(600, 400);
	myChart.setTooltip(["10/20", 'Too high']);
	myChart.setTextPaddingLeft(0);
	myChart.draw();


// var myChart = new JSChart('chartid', 'line');
// myChart.setDataJSON("data.json");
// myChart.draw();
	
</script>
</canvas>
</div>

<div> other div </div>
</body>
</html>